Documentation by “on3-step"

---

“Luxury Interactive Hotel Template”

---

Table of Contents

1. HTML Structure
2. CSS Files
3. Website Documentation
4. Contact Form, subscribe & Reservation

---

A) HTML structure - top

This template using Bootstrap, Need localhost software and run it on localhost, All the information within main content is nested within a div with id- name "content-wrapper" for all file. If you need more information you can read Bootstrap documentation on this link

 

1. Sample html structure page website

<div id="content-wrapper"> <!-- website -->

<header class="init">
<div id="subnav"> <!-- subnavigation -->
 <div class="container">
   <div class="row">
   <!-- CONTENT SUB -->
  </div>
 </div> 
</div> 

<div class="navbar navbar-default navbar-fixed-top"> <!-- navigation-->
 <div class="container">
   <div class="row">
   <!-- CONTENT NAV -->
  </div>
 </div> 
</div> 

</header>

<section  id="home"> <!-- content home -->
<div class="container">
<div class="row">
<div class="overlay-main">
  <!-- CONTENT HERE -->
</div>
</div>
</div>
</div> 
</section>
<!-- content home end -->

<!-- content  page -->
<section  id="about">
<div class="container">
   <div class="row">
   <!-- CONTENT HERE -->
   </div>
</div> 
</section>
<!-- content  page end -->
</div> <!-- website end -->

---

B) CSS Files - top

These are css files used in this template:

1. bootstrap.min.css - css by Twitter boostrap
2. animated-on3step.css - used for element animation all of page
3. on3step-style.css - main css files (you can edit color, font, etc from this css)
4. queries-on3step.css - used for responsive style

You can change almost all styles from on3step-style.css file.

/* CSS Document */


/* 
*
*
[Table of contents]
*
*
*

	font-luxury / @import url
	reset / html
	general / body
	space / .space-single
	button / button
	devider / .devider-home
	section / section
	no select / .noselect
	wrapper / .content-wrapper
	whitepage / .whitepage
	preloader / .preloader
	sub navigation / .subnav
	navigation / header
	subheader / #subheader
	home / #home
	background img luxury / .mainbg
	subscribe / .subscribe-section
	about / #about-us-1
	recent post / .recent-post 
	step page / .step-page
	service / .services img
	room / #room-wrap
	team / #owl-team
	form reservation and mail / #reservation
	address / .wrapaddres
	footer / .subfooter
	social-icons / .social-icons
	totop / #totop
	Blog & article / #content
	Blog comment / #blog-comment
	owl slider home / #owl-slider-home
	general popup / .white-popup-block
	
*
*
*/

---

C) Website Documentation - top

/*
Jquery on3step.js

/* you can add and use animation in all element inside (not include popup ajax) example below */

 class="onStep" add class onStep in every element tag for animation triger 
 data-animation="fadeInUp" add class animation here from animated-on3step.css
 data-time=0 is delay of element animation 

*/

E) Contact Form, subscribe & Reservation - top

open send.php file change your email here:

    $email_to = "desmonlatandos@gmail.com"; // change with your email
    $name     = $_POST['name'];  
    $email    = $_POST['email'];
    $subject   = $_POST['subject'];
    $message    = $_POST['message'];
    
    $headers  = "From: $email\r\n";
    $headers .= "Reply-To: $email\r\n";
    
    if(mail($email_to, $subject, $message, $headers)){
    echo "success";       
    } 
    else{
    echo "failed";     
    }  

open subscribe.php file change your mailchimp here:

MailChimp API Key Here
$api = new MCAPI('MailChimp API Key');
MailChimp List ID Here
$retval = $api->listSubscribe( 'MailChimp List ID' );

http://kb.mailchimp.com/accounts/management/about-api-keys#Finding-or-generating-your-API-key
http://kb.mailchimp.com/lists/managing-subscribers/find-your-list-id

---

open book.php file change your reservation here:

	$email_to = "desmonlatandos@gmail.com"; // change with your email
	$selectroom = $_POST['selectroom'];
	$stardate     = $_POST['stardate'];
	$enddate     = $_POST['enddate'];
	$phonebook     = $_POST['phonebook'];
	$person   = $_POST['person'];
	$name     = $_POST['name'];
	$email    = $_POST['email'];
	$subject   = $_POST['subject'];
	$mainmessage    = $_POST['message'];
	//$message    = $_POST['message'];
	$message    = "
	Select Room : $selectroom
	Date Book : $stardate
	End Book : $enddate
	Person : $person
	Name : $name
	Phone : $phonebook
	Email : $email
	Pesan : $mainmessage
	";

	$headers  = "From: $email\r\n";
	$headers .= "Reply-To: $email\r\n";

	if(mail($email_to, $subject, $message, $headers)){
		echo "success";
	}
	else{
		echo "failed";
	}


    

---

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the template you might consider visiting the forums and asking your question in the "Item Discussion" section.

on3-step

Go To Table of Contents

---